<html>
    <head>
        <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/image/48.jpg"/> 
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/font/LEVIBRUSH/LEVIBRUSH.css" media="all">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>❤致我的蕉蕉❤ | Justlovesmile的BLOG</title>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jquery.min.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex.min.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex-parser.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex-jit.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex-builderbase.min.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex-async.min.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/jscex-async-powerpack.min.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/functions.js" type="text/javascript"></script>
        <script data-pjax src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN@latest/js/love.js" type="text/javascript"></script>
        <link href="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/love.css" rel="stylesheet" type="text/css" />
        <script data-pjax>
            var str;
            str = "蕉蕉"
            window.onload = function() {
                if (str != null && str !="") {
                    //document.getElementById("ai").innerHTML=str;
                    var all = document.getElementsByClassName("ai"); //返回的是数组
                    for (var i = 0; i < all.length; i++) {
                        all[i].innerHTML = str;
                    }
                }
            }
        </script>
    </head>
    <body>
        <audio autoplay="autopaly" loop="loop"><source src="/love/qmj/answer.mp3" type="audio/mp3" /></audio>
        <div class="notfound">
        <a class="notfound-link" href="/love/">
            <i class="fa fa-home"></i>
        </a>
        <div id="main">
            <div id="error">本页面采用HTML5编辑，目前您的浏览器无法显示，请换成谷歌(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)或者火狐(<a href="http://firefox.com.cn/download/">Firefox</a>)浏览器，或者其他游览器的最新版本。</div>
            <div id="wrap">
                <div id="text">
                    <div id="code">
                        <font color="black" size="3"><b><i>
                        <span class="say">二零二零年到了，在爱你爱你的日子，我想说。</span><br>
                        <span class="say"> </span><br>
                        <span class="say"><span class="ai" >对的人 </span>，我们的相遇是意外，但在我看来也是命中注定！</span><br>
                        <span class="say"> </span><br>
                        <span class="say"> 就像你告诉我的，70亿人就像70亿颗绿豆放进一个大缸中</span><br>
                        <span class="say"> </span><br>
                        <span class="say">两个人就像绿豆堆中的两颗红豆，相遇的概率几乎为0</span><br>
                        <span class="say"> </span><br>
                        <span class="say">但就是这样，我们仍得以相遇</span><br>
                        <span class="say"> </span><br>
                        <span class="say">更重要的是，恰好又各自喜欢❤！</span><br>
                        <span class="say"> </span><br>
                        <span class="say">以前的我不相信一见钟情，直到遇见你！</span><br>
                        <span class="say"> </span><br>
                        <span class="say"><span class="ai" >亲爱的 </span>，让我们一直在一起吧！</span><br>
                        <span class="say"></span><br>
                        <span class="say">或许我很笨拙，但我对你的心是真的！ </span><br>
                        <span class="say"> </span><br>
                        <span class="say"> -- 爱你的小明同学--</span>
                        </i></b>
                        </font>
                    </div>
                </div>
                <div id="clock-box">
                    <span><font color="#666666"><span class="ai" >亲爱的 </span>，我们在一起已经</font></span>
                    <div id="clock"></div>
                </div>
                <canvas id="canvas" width="1100" height="680"></canvas>
            </div>
        </div>
        <script data-pjax>
            (function() {
                var canvas = $('#canvas');
                if (!canvas[0].getContext) {
                    $("#error").show();
                    return false;
                }
                var width = canvas.width();
                var height = canvas.height();
                canvas.attr("width", width);
                canvas.attr("height", height);
                var opts = {
                    seed: {
                        x: width / 2 - 20,
                        color: "rgb(190, 26, 37)",
                        scale: 2
                    },
                    branch: [
                        [535, 680, 570, 250, 500, 200, 30, 100, [
                            [540, 500, 455, 417, 340, 400, 13, 100, [
                                [450, 435, 434, 430, 394, 395, 2, 40]
                            ]],
                            [550, 445, 600, 356, 680, 345, 12, 100, [
                                [578, 400, 648, 409, 661, 426, 3, 80]
                            ]],
                            [539, 281, 537, 248, 534, 217, 3, 40],
                            [546, 397, 413, 247, 328, 244, 9, 80, [
                                [427, 286, 383, 253, 371, 205, 2, 40],
                                [498, 345, 435, 315, 395, 330, 4, 60]
                            ]],
                            [546, 357, 608, 252, 678, 221, 6, 100, [
                                [590, 293, 646, 277, 648, 271, 2, 80]
                            ]]
                        ]]
                    ],
                    bloom: {
                        num: 700,
                        width: 1080,
                        height: 650,
                    },
                    footer: {
                        width: 1200,
                        height: 5,
                        speed: 10,
                    }
                };
                var tree = new Tree(canvas[0], width, height, opts);
                var seed = tree.seed;
                var foot = tree.footer;
                var hold = 1;
                canvas.click(function(e) {
                    var offset = canvas.offset(),
                        x, y;
                    x = e.pageX - offset.left;
                    y = e.pageY - offset.top;
                    if (seed.hover(x, y)) {
                        hold = 0;
                        canvas.unbind("click");
                        canvas.unbind("mousemove");
                        canvas.removeClass('hand');
                    }
                }).mousemove(function(e) {
                    var offset = canvas.offset(),
                        x, y;
                    x = e.pageX - offset.left;
                    y = e.pageY - offset.top;
                    canvas.toggleClass('hand', seed.hover(x, y));
                });
                var seedAnimate = eval(Jscex.compile("async", function() {
                    seed.draw();
                    while (hold) {
                        $await(Jscex.Async.sleep(10));
                    }
                    while (seed.canScale()) {
                        seed.scale(0.95);
                        $await(Jscex.Async.sleep(10));
                    }
                    while (seed.canMove()) {
                        seed.move(0, 2);
                        foot.draw();
                        $await(Jscex.Async.sleep(10));
                    }
                }));
                var growAnimate = eval(Jscex.compile("async", function() {
                    do {
                        tree.grow();
                        $await(Jscex.Async.sleep(10));
                    }
                    while (tree.canGrow());
                }));
                var flowAnimate = eval(Jscex.compile("async", function() {
                    do {
                        tree.flower(2);
                        $await(Jscex.Async.sleep(10));
                    }
                    while (tree.canFlower());
                }));
                var moveAnimate = eval(Jscex.compile("async", function() {
                    tree.snapshot("p1", 240, 0, 610, 680);
                    while (tree.move("p1", 500, 0)) {
                        foot.draw();
                        $await(Jscex.Async.sleep(10));
                    }
                    foot.draw();
                    tree.snapshot("p2", 500, 0, 610, 680);
                    canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")");
                    canvas.css("background", "#ffe");
                    $await(Jscex.Async.sleep(300));
                    canvas.css("background", "none");
                }));
                var jumpAnimate = eval(Jscex.compile("async", function() {
                    var ctx = tree.ctx;
                    while (true) {
                        tree.ctx.clearRect(0, 0, width, height);
                        tree.jump();
                        foot.draw();
                        $await(Jscex.Async.sleep(25));
                    }
                }));
                var textAnimate = eval(Jscex.compile("async", function() {
                    var together = new Date();
                    together.setFullYear(2019, (12 - 1), (2 - 1));
                    together.setHours(0);
                    together.setMinutes(15);
                    together.setSeconds(0);
                    together.setMilliseconds(0);
                    $("#code").show().typewriter();
                    $("#clock-box").fadeIn(500);
                    while (true) {
                        timeElapse(together);
                        $await(Jscex.Async.sleep(1000));
                    }
                }));
                var runAsync = eval(Jscex.compile("async", function() {
                    $await(seedAnimate());
                    $await(growAnimate());
                    $await(flowAnimate());
                    $await(moveAnimate());
                    textAnimate().start();
                    $await(jumpAnimate());
                }));
                runAsync().start();
            })();
        </script>
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Noto+SerifMerriweather|Merriweather+Sans|Source+Code+Pro|Ubuntu:400,700|Noto+Serif+SC" media="all">
    </body>

</html>
